<template>
  <div class="page-changeCity">
    <el-row>
      <el-col>
        <iSelect />
      </el-col>
    </el-row>
    <el-row>
      <el-col>
        <hot-city />
      </el-col>
    </el-row>
    <el-row>
      <el-col>
        <history />
      </el-col>
    </el-row>
    <el-row>
      <el-col>
        <category />
      </el-col>
    </el-row>
  </div>
</template>

<script>
import iSelect from '@/components/changeCity/iselect.vue'
import hotCity from '@/components/changeCity/hotCity.vue'
import history from '@/components/changeCity/history.vue'
import category from '@/components/changeCity/category.vue'
export default {
  components: {
    iSelect,
    hotCity,
    history,
    category
  }
}
</script>

<style lang="scss">
@import '@/assets/css/changecity/iselect.scss';
</style>
